<div id="task-content" ng-click="goToTaskState()">

  <div class="row">

    <div class="col-sm-1">
      <h3>任务</h3>
    </div>

    <div class="col-sm-offset-1 col-sm-2" style="margin-top: 1em">
      <filter-task-on-condition conditions="conditions" condition-obj="conditionObj">任务筛选</filter-task-on-condition>
    </div>

    <div class="col-sm-2" style="margin-top: 1em">
      <button class="btn btn-success btn-block" style="width: 10em" ng-click="createTask()">创建任务</button>
    </div>

  </div>

  <hr/>

   <div id="all-task" class="row">
    <div class="col col-xs-3"  ng-repeat="currentTaskStatus in taskStatusSet">

      <div class="panel panel-default">
        <div class="panel-heading">{{currentTaskStatus.label}}</div>  <!-- 任务状态的分组标题（状态名) -->

        <div class="panel-body status-panel" task-group current-status-id="currentTaskStatus.id">

          <!-- 具体的任务展示，点击后显示简要信息，不展开时仅显示任务名 -->
          <task-expander ng-repeat="currentTask in taskSet[ currentTaskStatus.id ].data" current-task="currentTask" show-detail="showBriefTask(currentTask)">

            <div class="task-more">

              <p ng-hide="currentTask.loadDetails" class="text-info">载入中...</p>

              <div ng-show="currentTask.loadDetails">

                <div class="description">
                    <div markdown-extractor bind-content="currentTask.baseInfo.description"></div>
                  <hr />
                </div>
                <div class="sub-task">
                  <h5>子任务</h5>
                  <ul>
                    <li ng-repeat="currentSubTask in currentTask.sub_task">
                      <a ui-sref="project.show.task.info({projectId: currentProjectId, taskId: currentSubTask.id})">{{ currentSubTask.name }}</a>
                    </li>
                  </ul>
                  <hr/>

                </div>

                <a class="btn btn-success btn-sm"
                   ui-sref="project.show.task.info({projectId: currentProjectId, taskId: currentTask.id})">
                  具体信息
                </a>
              </div>
            </div>

          </task-expander>

          <ul class="list-group task-list" ng-show="taskSet[currentTaskStatus.id].pagination.getShowLoading()">
            <li class="list-group-item text-center">
              <img src="image/loading.gif" alt="loading"/>
            </li>
          </ul>

        </div>
      </div>
    </div>

  </div><!--end of all-task-->


</div>
<!-- 用于显示具体的任务信息 -->
<div class="infoView" ui-view="info" id="task-detail"></div>